page{
	background-color: #F7F7F7;
}
.contact-head{
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	.portrait{
		width: ws(100);
		height: ws(100);
		border-radius: 50%;
	}
	.name{
		margin-top: ws(10);
		font-size: ws(25);
	}
	.module{
		width: 70%;
		display: flex;
		justify-content: center;
		> view{
			margin: ws(15);
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		.icon{
			width: ws(50);
			height: ws(50);
			border-radius: 50%;
			border: 1upx solid #2A83FF;
			display: flex;
			align-items: center;
			justify-content: center;
			image{
				width: ws(30);
				height: ws(30);
			}
		}
		.name{
			font-size: ws(14);
			margin-top: ws(5);
			color: #2A83FF;
		}
	}
	
}

.list{
	padding-left: ws(15);
	.list-item{
		padding: ws(15);
		border-bottom: 1upx solid #ddd;
		font-size: ws(16);
		display: flex;
		flex-direction: column;
		&:last-child{
			border-bottom: none;
		}
		.title{
			color: #222;
		}
		.text{
			margin-top: ws(5);
			color: #2A83FF;
		}
	}
}